<template>
    <view class="fixed-right-tools">
        <view>
            <image src="/static/icon/coin.png"></image>
            <text>每日签到</text>
        </view>
        <view>
            <image src="/static/icon/coin.png"></image>
            <text>每日任务</text>
        </view>
        <view>
            <image src="/static/icon/coin.png"></image>
            <text>加入VIP</text>
        </view>
    </view>
</template>

<script setup>

</script>

<style scoped>
.fixed-right-tools {
    position: fixed;
    top: 60%;
    right: 0;
    background-color: #000;
    z-index: 9999;
    padding: 10rpx 15rpx;
    border-top-left-radius: 20rpx;
    border-bottom-left-radius: 20rpx;
    view{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 10rpx 0;
        padding: 5rpx 0;
        image{
            width: 56rpx;
            height: 56rpx;
            margin-bottom: 10rpx;
        }
        text{
            font-size: 20rpx;
            color: #fff;
        }
    }
}
</style>